/*包裹nav、section、aside区域的大盒子，section id=main-section*/

#main-section {
	width: 100%;
	min-width: 280px;
	margin: 2rem auto;
}

#nav-area>ul>li {
	/*width: 100%;*/
	box-sizing: border-box;
	margin: 0.2rem auto;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#nav-area li>a {
	font-size: 0.3rem;
	color: #777;
}

#nav-area li>a div {
	font-size: 1.2rem;
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 auto;
	padding: 0.2rem 0;
}

/*#nav-area li:nth-of-type(1) a {
	color: #F16622;
}*/


/*section，id=main-section里面的nav区域结束 end*/
@media screen and (min-width: 0px) {
	nav#nav-area {
		width: 100%;
		margin: 0.2rem auto;
		border-top: 0.02rem solid #CCCCCC;
		border-bottom: 0.02rem solid #CCCCCC;
	}
	nav#nav-area>ul {
		flex-direction: row;
		align-items: flex-start;
		
	}
	nav#nav-area>ul li {
		float: left;
		flex: 1;
		width: 33%;
	}
	section#section-area {
		width: 100%;
		margin: 0 auto;
		/*margin-top: 2rem;*/
	}
	.carousel-div1:hover {
		height: 9rem;
	}
	#aside-area {
		width: 100%;
	}
}

@media screen and (min-width: 750px) {
	nav#nav-area {
		width: 10%;
		margin: 0 auto;
	}
	nav#nav-area>ul {
		flex-direction: column;
		align-items: center;
		border-right: 0.02rem solid #CCCCCC;
	}
	nav#nav-area>ul li {
		float: none;
		width: 100%;
	}
	section#section-area {
		width: 90%;
		/*max-width: 750px;*/
	}
	#aside-area {
		/*width: 20%;*/
		flex: 1;
	}
}